<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
	<img src="processImage.action?pid=${pid}" style="position:absolute;left:0px;top:0px;bottom:0px"/>  
	
        <!-- 两个C:if顺序不能改变，这样容易区分驳回流程的活动节点  -->  
        <c:if test="${!empty activityCoordinates }">  
        <c:forEach items="${activityCoordinates }" var="activityCoordinates">           	  
        <div    
            style="position:absolute;border:3px solid red;left:${activityCoordinates.x }px;top:${activityCoordinates.y }px;width:${activityCoordinates.width }px;height:${activityCoordinates.height}px;"
            title="执行人:${activityCoordinates.tasker}(${activityCoordinates.tasker_role})  
接收时间:${activityCoordinates.receiveTime}  
完成时间:${activityCoordinates.completionTime}">  
              
            </div> 
        </c:forEach>      
        </c:if>    
        <c:if test="${!empty ac }">    
        <c:forEach items="${ac }" var="a">    
        <!-- border计算是为了防止已走过节点被驳回节点覆盖 -->  
            <div    
            style="position:absolute;border:2px solid green;left:${a.x+3 }px;top:${a.y+3 }px;width:${a.width-4}px;height:${a.height-4}px;"   
            title="执行人:${a.tasker}(${a.tasker_role})  
接收时间:${a.receiveTime}  
完成时间:${a.completionTime} ">   
            </div>    
        </c:forEach>    
        </c:if> 
       
</body>
</html>